<template>
  <div class="system">
    <div class="search"></div>
    <div class="table">
      <el-table center :data="tableData" border style="width: 100%">
        <el-table-column fixed prop="studentName" label="姓名" width="100">
        </el-table-column>
        <el-table-column prop="studentId" label="学号" >
        </el-table-column>
        <el-table-column prop="classGrade" label="班级">
        </el-table-column>
        <el-table-column prop="disciplinePracticeLev" label="语文">
        </el-table-column>
        <el-table-column prop="generalAnswerLev" label="数学">
        </el-table-column>
        <el-table-column prop="generalAnswerLev" label="英语">
        </el-table-column>
        <el-table-column prop="generalAnswerLev" label="科学">
        </el-table-column>
        <el-table-column prop="generalAnswerLev" label="道法">
        </el-table-column>
        <el-table-column prop="laborLev" label="劳动">
        </el-table-column>
        <el-table-column prop="peLev" label="体育">
        </el-table-column>
        <el-table-column prop="musicLev" label="美术">
        </el-table-column>
        <el-table-column prop="artLev" label="音乐">
        </el-table-column>
        <el-table-column prop="itLev" label="信息技术">
        </el-table-column>
        <el-table-column fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small">下载</el-button>
           
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        "studentId": "002",
        "studentName": "李四",
        "className": "二年级二班",
        "classGrade": "二年级",
        "subjectName": "数学",
        "disciplinePracticeLev": "A",
        "generalAnswerLev": "A",
        "evaluator": "王老师",
        "laborLev": "A",
        "peLev": "A",
        "musicLev": "A",
        "artLev": "A",
        "itLev": "A",
      }, {
        "studentId": "002",
        "studentName": "李四",
        "className": "二年级二班",
        "classGrade": "二年级",
        "subjectName": "数学",
        "disciplinePracticeLev": "A",
        "generalAnswerLev": "A",
        "evaluator": "王老师",
        "laborLev": "A",
        "peLev": "A",
        "musicLev": "A",
        "artLev": "A",
        "itLev": "A",
      }, {
        "studentId": "002",
        "studentName": "李四",
        "className": "二年级二班",
        "classGrade": "二年级",
        "subjectName": "数学",
        "disciplinePracticeLev": "A",
        "generalAnswerLev": "A",
        "evaluator": "王老师",
        "laborLev": "A",
        "peLev": "A",
        "musicLev": "A",
        "artLev": "A",
        "itLev": "A",
      }, {
        "studentId": "002",
        "studentName": "李四",
        "className": "二年级二班",
        "classGrade": "二年级",
        "subjectName": "数学",
        "disciplinePracticeLev": "A",
        "generalAnswerLev": "A",
        "evaluator": "王老师",
        "laborLev": "A",
        "peLev": "A",
        "musicLev": "A",
        "artLev": "A",
        "itLev": "A",
      }]
    };
  },

  mounted() {

  },

  methods: {
    handleClick(row){
      console.log(row)
    },
  },
};
</script>
<style lang="less" scoped>
.system {
  margin: 10px;
}

.group {
  text-align: right;
}

.search {
  padding-bottom: 10px;
}

.pagination {
  margin: 10px 0;
}
</style>